<!doctype html>
<html lang="en">

	<head>

		<meta http-equiv="content-type" content="text/html;charset=utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="Author" content="Yvette Lau">
		<meta name="viewport" content="width = device-width, initial-scale =1">
		<title>高考学院</title>
		<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="css/style.min.css" />
		<link href="ky-ico.ico" rel="shortcut icon" />
	</head>

	<body>
		<div class="gk">
			<!--头部-->
			<div class="top">
				<img src="img/top.jpg" />
			</div>
			<!--选项卡-->
			<div class="option">
				<ul class="option-ul">
					<li class="li1"><img src="img/li1.png" class="option-li1" /></li>
					<li class="li2"><img src="img/li5.png" class="option-li2" /></li>
					<li class="li3"><img src="img/li6.png" class="option-li3" /></li>
				</ul>
				<!--班课图-->
				<div class="curriculum">
					<img src="img/g1.png" class="curriculum-img1" />
					<img src="img/g2.png" class="curriculum-img2" />
					<img src="img/g3.png" class="curriculum-img3" />
				</div>
			</div>
			<!--teacher-->
			<div class="teacher">
				<img src="img/tea1.jpg" class="teacher-img1" />
				<img src="img/tea2.jpg" class="teacher-img2" />
				<img src="img/tea3.jpg" class="teacher-img3" />
				<img src="img/tea4.jpg" class="teacher-img4" />
				<img src="img/tea5.jpg" class="teacher-img5" />
			</div>
			<!--banner1-->
			<section class="htmleaf-container b1">
				<div class="container">
					<div id="single" class="carousel slide" data-ride="carousel" data-shift="1">
						<div class="carousel-inner">
							<ul class="row item active">
								<li class="col-xs-4 one">
									<img src="img/i1.jpg" class="img-responsive">
								</li>
								<li class="col-xs-4 two">
									<img src="img/i1.jpg" class="img-responsive">
								</li>
								<li class="col-xs-4 three">
									<img src="img/i1.jpg" class="img-responsive">
								</li>
							</ul>
							<ul class="row item">
								<li class="col-xs-4 four">
									<img src="img/i1.jpg" class="img-responsive">
								</li>
								
							</ul>
						</div>

						<a class="carousel-control left" href="#single" data-slide="prev">Previousimg</a>
						<a class="carousel-control right" href="#single" data-slide="next">Next</a>
					</div>
				</div>
			</section>
			<!--banner2-->
			<section class="htmleaf-container b2">
				<div class="container">
					<div id="single" class="carousel slide" data-ride="carousel" data-shift="1">
						<div class="carousel-inner">
							<ul class="row item active">
								<li class="col-xs-4 one">
									<img src="images/carousel_control.png" class="img-responsive">
								</li>
								<li class="col-xs-4 two">
									<img src="img/i1.jpg" class="img-responsive">
								</li>
								<li class="col-xs-4 three">
									<img src="img/i1.jpg" class="img-responsive">
								</li>
							</ul>
							<ul class="row item">
								<li class="col-xs-4 four">
									<img src="img/i1.jpg" class="img-responsive">
								</li>
								
							</ul>
						</div>

						<a class="carousel-control left" href="#single" data-slide="prev">Previousimg</a>
						<a class="carousel-control right" href="#single" data-slide="next">Next</a>
					</div>
				</div>
			</section>
			<!--banner3-->
			<section class="htmleaf-container b3">
				<div class="container">
					<div id="single" class="carousel slide" data-ride="carousel" data-shift="1">
						<div class="carousel-inner">
							<ul class="row item active">
								<li class="col-xs-4 one">
									<img src="images/carousel_polaroid.png" class="img-responsive">
								</li>
								<li class="col-xs-4 two">
									<img src="img/i1.jpg" class="img-responsive">
								</li>
								<li class="col-xs-4 three">
									<img src="img/i1.jpg" class="img-responsive">
								</li>
							</ul>
							<ul class="row item">
								<li class="col-xs-4 four">
									<img src="img/i1.jpg" class="img-responsive">
								</li>
								
							</ul>
						</div>

						<a class="carousel-control left" href="#single" data-slide="prev">Previousimg</a>
						<a class="carousel-control right" href="#single" data-slide="next">Next</a>
					</div>
				</div>
			</section>
			<!--banne4-->
			<section class="htmleaf-container b4">
				<div class="container">
					<div id="single" class="carousel slide" data-ride="carousel" data-shift="1">
						<div class="carousel-inner">
							<ul class="row item active">
								<li class="col-xs-4 one">
									<img src="images/up5.jpg" class="img-responsive">
								</li>
								<li class="col-xs-4 two">
									<img src="img/i1.jpg" class="img-responsive">
								</li>
								<li class="col-xs-4 three">
									<img src="img/i1.jpg" class="img-responsive">
								</li>
							</ul>
							<ul class="row item">
								<li class="col-xs-4 four">
									<img src="img/i1.jpg" class="img-responsive">
								</li>
								
							</ul>
						</div>

						<a class="carousel-control left" href="#single" data-slide="prev">Previousimg</a>
						<a class="carousel-control right" href="#single" data-slide="next">Next</a>
					</div>
				</div>
			</section>
			<!--banner5-->
			<section class="htmleaf-container b5">
				<div class="container">
					<div id="single" class="carousel slide" data-ride="carousel" data-shift="1">
						<div class="carousel-inner">
							<ul class="row item active">
								<li class="col-xs-4 one">
									<img src="images/up2.jpg" class="img-responsive">
								</li>
								<li class="col-xs-4 two">
									<img src="img/i1.jpg" class="img-responsive">
								</li>
								<li class="col-xs-4 three">
									<img src="img/i1.jpg" class="img-responsive">
								</li>
							</ul>
							<ul class="row item">
								<li class="col-xs-4 four">
									<img src="img/i1.jpg" class="img-responsive">
								</li>
								
							</ul>
						</div>

						<a class="carousel-control left" href="#single" data-slide="prev">Previousimg</a>
						<a class="carousel-control right" href="#single" data-slide="next">Next</a>
					</div>
				</div>
			</section>
			<!--ul-->
			<ul class="list-group">
				<li class="list-group-item sx">数学</li>
				<li class="list-group-item yw">语文</li>
				<li class="list-group-item yy">英语</li>
				<li class="list-group-item wz">文综</li>
				<li class="list-group-item lz">理综</li>
			</ul>
			<!--img-->
			<img src="img/img-zz.jpg" class="zz" />
			<!--video-->
			<div class="teacher-video">
				<video controls>
					<source src="images/gk.mp4" type="video/mp4">
				</video>
			</div>
			<!--footer-->
			<div class="teacher-footer">
				<a href="http://www.keyuanxuexiao.com/index.php?p=lassType_list&areaid="><img src="img/footer1.jpg" class="footer-img"/>
				</a>
			</div>
		</div>
	</body>
	<script src="http://libs.useso.com/js/jquery/2.1.1/jquery.min.js" type="text/javascript"></script>
	<script type="text/javascript" src="http://libs.useso.com/js/bootstrap/3.2.0/js/bootstrap.min.js"></script>
	<script src="js/style.min.js" type="text/javascript" charset="utf-8"></script>

</html>